<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>消息中心</title>
    <script type="text/javascript" src="/static/Js/jQuery-3.5.1.js"></script>
    <script type="text/javascript" src="/static/Js/socket.io.js"></script>
    <script type="text/javascript" src="/static/Js/bootstrap/bootstrap.min.js"></script>
    <script type="text/javascript" src="/static/Js/GetUserParam.js"></script>
    <script type="text/javascript" src="/static/Js/UserFullNameWaterMark.js"></script>
   <!-- <script type="text/javascript" src="/static/Js/watermark.js"></script>-->
    <script type="text/javascript" src="/static/Js/CalculationIsType.js"></script>
    <script type="text/javascript" src="/static/Js/MessageCenter/MessageSideBar.js"></script>
    <script type="text/javascript" src="/static/Js/MessageCenter/MessageCount1.js"></script>
    <script type="text/javascript" src="/static/Js/MessageCenter/MessageCount2.js"></script>
    <script type="text/javascript" src="/static/Js/MessageCenter/MessageCount3.js"></script>
    <script type="text/javascript" src="/static/Js/MessageCenter/MessageCount4.js"></script>
    <script type="text/javascript" src="/static/Js/MessageCenter/MessageCount5.js"></script>

    <link rel="stylesheet" href="/static/Css/bootstrap.min.css">
    <link rel="stylesheet" href="/static/Css/CommonStyles.css">
    <link rel="stylesheet" href="/static/Css/MessageCenter/MessageHeadImg.css">
    <link rel="stylesheet" href="/static/Css/MessageCenter/MessageCenterSCMessage.css">

    <style>
        .imgSc{
            margin-top: 10px;
        }
        .cardText {
            background-color: white;
            margin-top: 1px;
            padding-right: 5px;
            padding-left: 5px;
            border: 1px gray solid;

            box-shadow: 0 3px 3px gray;
            border-radius: 25px;
        }
        .cardImg{
            margin-bottom: 5px;
            box-shadow: 0 3px 3px gray;
            border: 4px white solid;

        }
        .imgSc{
            text-align: center;
        }
    </style>

</head>
<body id="bg_body" >
<div id="header"></div>
<div class="container" >
    <div class="row" >

        <div class="sidBar" style="padding: 0;margin-left: 0;" >
            <div style="background-color:rgba(255,255,255,0.8); height: calc(100vh - 66px);" id="messageSidBar_ul_div">
                <ul style="position: absolute;width: 100%" id="messageSidBar_ul">
                    <li  onclick="gotoMessageCenter()"  class="card_Li" id="card_Li_00" style=" position: relative;margin-left: 4%;margin-top: 10%;width: 90%;height: 40px">
                         <img class="messagePageIcon" id="messagePageIcon" src="/static/Img/PageImg/plane.png" alt="">
                        <span class="messageCenterText" id="messageCenterText00">消息中心</span>
                    </li>
                </ul>
                <ul style="position: absolute;width: 100%;margin-top: 100px" id="messageSidBar_ul02" >

                </ul>
            </div>
        </div>
        <div class="bigCard" style="padding-left: 10px;" >
            <div style="background-color: rgba(255,255,255,0.6);height: calc(100vh - 66px);">
                <ul style="position: absolute;width: 100%;z-index: 9999" id="messageSidBar_ul001">
                    <li class="card_Li card_Li0001" id="card_Li_0001" style=" position: relative;margin-left: 3%;margin-top: 10px;height: 40px">

                        <span class="messageCenterText messageCenterText0001" id="messageCenterText0001" >消息数据分析</span>
                    </li>
                </ul>
                <div style="overflow-y: auto;position: absolute;width: 99% ;height: 100%;margin-right: -5%"  >
                <ul style="position: relative;width: 100% ;height: 100%" id="messageSidBar_ul0001" >

                </ul>
                </div>
            </div>
        </div>

    </div>
</div>

<script>
    $(function () {
        getSidBar()


    })
    $.get('HeadPage.html',function(data){
        $("#header").html(data)
    })


    function getPageUrl() {
        return null;
    }




</script>
</body>
</html>